<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="baidu-site-verification" content="RLdQixG8c4"/>
    <title>壹立-企业智能名片|微信小程序名片|商务名片|官网</title>
    <meta name="Description"
        content="壹脉智能名片是成都壹立科技有限公司旗下的一套智能商务系统；专门解决企业销售难题，壹脉智能名片成为现代移动互联网的时代的营销工具；实现企业通过微信营销传播裂变，一个自带流量的智能名片，通过和客户有效沟通中提升企业的品牌影响了力，促成企业的经济价值。">
    <meta name="Keywords" content="智能名片,AI智能,小程序名片,企业智能名片,人工智能名片,商务名片">
    <meta name="360-site-verification" content="7e7ab00739878ef30d6f788f1a239671" />
    <meta name="sogou_site_verification" content="ymWqbG1QZZ"/>
    <link rel="icon" href="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/bitbug_favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./Static/css/font-awesome.min.css">
    <link rel="stylesheet" href="./Static/css/swiper.min.css">
    <link rel="stylesheet" href="Static/css/slow-transition.css">
    <link rel="stylesheet" href="./Static/css/jquery.easy_slides.css">
    <link rel="stylesheet" href="./Static/css/bootstrap.min.css">
    <link rel="stylesheet" href="./Static/css/element-ui.css">
    <link href="./Static/css/comment.css" rel="stylesheet">
</head>

<body>
<div id="app">
    <!-- 导航栏 -->
    <nav class="navbar navbar-default" id="nav">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/logo.png" alt="壹立科技">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="menu"><a href="/" class="meuActiev">首页</a></li>
                    <li class="menu">
                        <a href="./product.html">产品介绍</a>
                        <div class="menu-list2">
                            <div class="menu-list2-left">
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-right:1px solid #35373D;border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>壹脉智能名片</p>
                                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>趣来智慧跑腿系统</p>
                                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                                    </a>
                                </div>
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-right:1px solid #35373D;text-decoration: none">
                                        <p>那年那食</p>
                                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#" style="text-decoration: none">
                                        <p>社区团购</p>
                                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="menu"><a href="./software.html">软件定制</a></li>
                    <li class="menu Menu-case"><a href="./case.html">客户案例</a></li>
                    <li class="menu"><a href="./news.html">新闻动态</a></li>
                    <li class="menu"><a href="./about.html">关于壹立</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 轮播 -->
    <div id="banner" class="overlay indexBanner">
        <el-carousel trigger="click" class="parallax" height="61.5rem">
            <el-carousel-item v-for="item in imgSrc">
                <img :src="item" alt="壹立科技" width="100%" height="100%"
                     style="display: inline-block;max-width: 100%;min-height: 400px"/>
            </el-carousel-item>
            <div class="container">
                <div class="banner-pos">
                    <p class="banner-pos-date">{{time}}</p>
                    <p class="banner-pos-name">壹立科技</p>
                    <h1 class="banner-pos-introduce">以壹为始，立壹之上</h1>
                    <a href="./about.html" class="banner-pos-btn">了解更多 +</a>
                </div>
            </div>
        </el-carousel>

    </div>

    <!-- 侧边栏 -->
    <div id="left-bar">
        <div class="left-bar-p left-bar-qq" style="padding:0">
            <a class="backTop" href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes">QQ</a>
        </div>
        <div class="left-bar-p left-bar-phone">
            热线
            <p class="phone-num">
                <span class="phone-num-bg">028-63853204</span>
                <span class="phone-num-sm">17721872191&nbsp;&nbsp;&nbsp;18081916514</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-weichat">
            微信
            <p class="weichat">
                <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/weima.png" alt="官方微信" width="90%"
                     height="90%">
                <span class="weichat-p">微信扫一扫立即咨询</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-chanpin">
            产品
            <div class="left-bar-product">
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#" style="border-right:1px solid #35373D;border-bottom:1px solid #35373D;text-decoration: none">
                        <p>壹脉智能名片</p>
                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#" style="border-bottom:1px solid #35373D;text-decoration: none">
                        <p>趣来智慧跑腿系统</p>
                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                    </a>
                </div>
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#" style="border-right:1px solid #35373D;text-decoration: none">
                        <p>那年那食</p>
                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#" style="text-decoration: none">

                        <p>社区团购</p>
                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>

                    </a>
                </div>
            </div>
        </div>
        <div class="left-bar-p left-bar-top" style="padding:0">
            <a class="backTop" href="#banner"></a>
        </div>
    </div>
    <!--   悬浮可关闭窗口 -->
    <div id="float">
        <div class="FLOAT-FOOT">
            <div>
                <span class="float-tit">如果您有意向了解我们的系统，请提交信息，我们会尽快与您联系</span>
            </div>
            <div class="FLOAT-Right">
                <input class="userPho" type="text" v-model="phone" oninput="value=value.replace(/[^\d]/g,'')"
                       placeholder="请输入电话号码">
                <div class="float-p">
                    <el-radio v-model="type" label="4">壹脉智能名片</el-radio>
                    <el-radio v-model="type" label="5">趣来智慧跑腿系统</el-radio>
                    <el-radio v-model="type" label="6">那年那食</el-radio>
                </div>
                <button class="submit" @click="mysubmit">提交</button>
            </div>
        </div>
        <a class="esc-btn" href="#"><img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/X.png"
                                         alt="" width="20PX"></a>
    </div>

    <!-- 首页默认列表 -->
    <div class="product">
        <div class="fist-list">
            <div class="container Product-flex">
                <div class="fist-list-left">
                    <span class="fist-list-left-sp">小程序+AI 新时代智能营销利器</span>
                    <h3 class="fist-list-left-p1">壹脉智能名片</h3>
                    <h5 class="fist-list-left-p2">· 面向客户，会说话</h5>
                    <span class="fist-list-left-sp">微网站式呈现销售人员个人信息、企业详情、销售产品、公司案例等，一样的发放名片，不一样的信息空间</span>
                    <h5 class="fist-list-left-p2">· 懂得营销，会裂变</h5>
                    <span class="fist-list-left-sp">除发给指定客户，还可以分享至微信群、朋友圈，甚至通过他们的转发，一传十，十传百，裂变式覆盖潜在客户，实现业务辐射范围最大化</span>
                    <h5 class="fist-list-left-p2">· 保持距离，会交流</h5>
                    <span class="fist-list-left-sp">无需添加微信好友，小程序内即可一对一聊天，消息将以“服务”通知触达客户，客户不被骚扰，销售不受束缚</span>
                    <p><a class="fist-list-left-btn" id="Scanning" href="javascript:void(0)">
                        扫码体验
                        <img class="fist-list-ma"
                             src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/crmma.jpg" width="140px" alt="扫码体验"
                             height="140px">
                    </a>
                        <a class="fist-list-left-btn2" href="./product.html">查看详情 +</a></p>

                </div>
                <div class="fist-list-right">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/list20.png" alt="壹脉智能名片"
                         class="img-responsive">
                </div>
            </div>
        </div>
        <div class="fist-list fist-list2">
            <div class="container Product-flex">
                <div class="fist-list-right1" style="padding:0;">
                    <img src="http://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/list2.png" alt="壹脉智能CRM"
                         class="img-responsive">
                </div>
                <div class="fist-list-left fist-list-right2">
                    <span class="fist-list-left-sp">小程序+AI 新时代智能营销利器</span>
                    <h3 class="fist-list-left-p1">壹脉智能CRM</h3>
                    <h5 class="fist-list-left-p2">· 颠覆传统，随时办公</h5>
                    <span class="fist-list-left-sp">销售人员可以打破工作时间、地域的限定，随时随地从小程序入口了解自己掌握的所有客户，并与客户联系</span>
                    <h5 class="fist-list-left-p2">· 实时追踪，强势撩客</h5>
                    <span class="fist-list-left-sp">谁看过、谁在看、看哪里...实时精准的客户追踪，为销售提供更精准的营销方向，客户动态实时掌握，标签化管理客户，撩客准稳狠，完成高效销售</span>
                    <h5 class="fist-list-left-p2">· AI分析，智慧管理</h5>
                    <span class="fist-list-left-sp">根据客户画像分析，AI大数据超级功能等打通了销售各个环节，并具有强大的数据分析功能，能够全面满足企业销售管理需求</span>
                    <h5 class="fist-list-left-p2">· BOSS雷达，一手掌握</h5>
                    <span class="fist-list-left-sp">自动记录客户数据，通过大数据、云计算、人工智能删选客户，让你通过手机能够清晰了解团队以及客户的准确需求，提高企业运营效率</span>
                    <p><a class="fist-list-left-btn" href="javascript:void(0)" id="Scanning2">
                        扫码体验
                        <img class="fist-list-ma"
                             src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/aima.jpg" width="140px" alt="扫码体验"
                             height="140px">
                    </a>
                        <a class="fist-list-left-btn2" href="./product.html">查看详情 +</a></p>
                </div>
            </div>
        </div>
        <div class="fist-list">
            <div class="container Product-flex">
                <div class="fist-list-left">
                    <span class="fist-list-left-sp">小程序+AI 新时代智能营销利器</span>
                    <h3 class="fist-list-left-p1">壹脉后台管理</h3>
                    <h5 class="fist-list-left-p2">· 数据统计，轻松管理 </h5>
                    <span class="fist-list-left-sp">为企业用户打造数字化管理平台，包括客户管理、员工管理等，以图表的形式呈现相关数据，内部团队销售情况一目了然</span>
                    <h5 class="fist-list-left-p2">· 资源沉淀，永不流失 </h5>
                    <span class="fist-list-left-sp">员工离职一键交接，排解企业管理者客户流失的烦恼，所有资源全部由公司掌握，帮你抓住资产永不流失</span>
                    <p><a class="fist-list-left-btn" href="./trial.html">立即试用</a>
                        <a class="fist-list-left-btn2" href="./product.html">查看详情 +</a></p>
                </div>
                <div class="fist-list-right">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/list3.png" alt="壹脉后台管理"
                         class="img-responsive">
                </div>
            </div>
        </div>
        <div class="fist-list fist-list2">
            <div class="container Product-flex">
                <div class="fist-list-right1" style="padding:0;">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/list4.png" alt="总后台"
                         class="img-responsive">
                </div>
                <div class="fist-list-left fist-list-right2">
                    <span class="fist-list-left-sp">小程序+AI 新时代智能营销利器</span>
                    <h3 class="fist-list-left-p1">总后台</h3>
                    <h5 class="fist-list-left-p2">· 数据总览，掌控全局 </h5>
                    <span class="fist-list-left-sp">
                        多企业（团队）管理、多客户管理，以一个强大的生态系统为基础，对客户数据进行管理，记录企业在市场营销与销售过程中和客户发生的各种交互行为以及各类有关活动的状态，并提供各类数据模型，为后期的分析和决策提供支持
                    </span>
                    <p><a class="fist-list-left-btn" href="./trial.html">立即试用</a>
                        <a class="fist-list-left-btn2" href="./product.html">查看详情 +</a></p>
                </div>
            </div>
        </div>
        <div class="fist-list">
            <div class="container Product-flex">
                <div class="fist-list-left">
                    <span class="fist-list-left-sp">我想走遍世界，然后跟你回家</span>
                    <h3 class="fist-list-left-p1">那年那食</h3>
                    <h5 class="fist-list-left-p2">· 互联网+农业，实现农产品上行 </h5>
                    <span class="fist-list-left-sp">
                        农产品上行，是壹立科技农村电商服务板块的核心所在，我们专注品质、用心服务，致力于为消费者提供精品化健康态的农产品服务，为市场提供原生态、健康化的优质农产品
                    </span>
                    <h5 class="fist-list-left-p2">· 高端礼品首选，让送礼更体面</h5>
                    <span
                            class="fist-list-left-sp">
                        中国自古便是一个礼仪之邦，送礼最为讲究，既要实用又要体面。那年那食，上行原生态健康化农产品，打造体面的地方特色产品，从产品到定位，从质量到包装，用品质支撑“内涵”，用心为你打造“面子”，不管是企业回馈客户，公司犒赏员工，还是亲人朋友间的互赠礼物，让每一个应用场景都“有礼”
                    </span>
                    <h5 class="fist-list-left-p2">· 有情怀的品牌，懂有格调的你</h5>
                    <span class="fist-list-left-sp">
                        
                        “壹立”始起，匠心服务，定制您真正需要的原生态、健康化的优质高端礼品，让消费者享受到壹立科技旗下【那年那食】的品牌温度及情怀，让优质农产品服务于每一位有需求的消费者
                    </span>
                    <div>
                        <button class="fist-list-left-btn">
                            <a href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes" class="Consultation">立即咨询</a>
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=1115238556&site=qq&menu=yes" class="phoneConsul">立即咨询</a>
                        </button>
                        <button class="fist-list-left-btn2">查看详情 +</button>
                    </div>
                </div>
                <div class="fist-list-right">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/list5.png" alt="那年那食"
                         class="img-responsive">
                </div>
            </div>
        </div>

    </div>

    <!-- 小轮播 -->
    <div class="slider-contaier">
        <div class="slider slider_four_in_line">
            <div class="slider-reletive">
                <img class="slider-img" src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider1.png" alt="电子商务"
                     width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm1.png" alt="">
                        <p class="slider-mask-text">电子商务</p>
                    </div>
                    <p class="slider-mask-cent">
                        提供多平台线上产品服务，给消费者带来优质产品，旨在用精品塑造品牌推广，让线上服务体验更深层次
                    </p>
                </div>
            </div>
            <div class="slider-reletive">
                <img class="slider-img"
                                              src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider2.png"
                                              alt=""
                                              width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm2.png" alt="软件开发">
                        <p class="slider-mask-text">软件开发</p>
                    </div>
                    <p class="slider-mask-cent">
                        让科技赋予商务智能，优质开发AI名片系统（B2S2C）、外卖商城平台系统（O2O）、社区团购系统（B2B\C）、跑腿配送系统（众包）
                    </p>
                </div>
            </div>
            <div class="slider-reletive">
                <img class="slider-img" src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider3.png"
                                              alt="文化传播"
                                              width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm3.png" alt="">
                        <p class="slider-mask-text">文化传播</p>
                    </div>
                    <p class="slider-mask-cent">
                        提供品牌发展规划、市场营销策划、企业形象策划、媒介传播策划服务，用我们的专业服务让你的品牌更有价值
                    </p>
                </div>
            </div>
            <div class="slider-reletive">
                <img class="slider-img"  src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider4.png"
                                              alt="运营推广"
                                              width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm4.png" alt="">
                        <p class="slider-mask-text">运营推广</p>
                    </div>
                    <p class="slider-mask-cent">
                        网站代运营托管、微信公众号代运营、新媒体代运营、网络推广、网站制作，提供网络营销推广领域的专业服务
                    </p>
                </div>
            </div>
            <div class="slider-reletive">
                <img class="slider-img"
                                              src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider5.png"
                                              alt="在线商城"
                                              width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm5.png" alt="">
                        <p class="slider-mask-text">在线商城</p>
                    </div>
                    <p class="slider-mask-cent">
                        致力于为消费者提供精品化健康态的农特产上行服务、只做高端精品、匠心服务，打造出一个有情怀的精品化健康消费市场
                    </p>
                </div>
            </div>
            <div class="slider-reletive">
                <img class="slider-img"
                                              src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/slider3.png"
                                              alt="技术支持"
                                              width="100%">
                <div class="slider-mask">
                    <div class="slider-mask-cont">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/sm3.png" alt="">
                        <p class="slider-mask-text">技术支持</p>
                    </div>
                    <p class="slider-mask-cent">
                        优质的开发团队、一对一的售后服务，专业提供小程序开发、APP开发、各类软件系统定制开发服务，让技术服务于大家
                    </p>
                </div>
            </div>
            <button class="next_button"></button>
            <button class="prev_button"></button>
        </div>
    </div>

    <!-- 案例 -->
    <section style="background-color:#35373D">
        <div class="container">
            <div id="case">
                <h3 class="case-p">客户案例</h3>
                <p><a class="case-more" href="case.html">More ></a></p>
                <div class="case-cont">
                    <div class="anList">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anli1.png" alt="客户案例"
                             width="100%">
                        <a class="anli-cont" href="case.html">
                            <p class="anLogo"
                               style="background: url('https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anLogo1.png') no-repeat center;background-size: contain">
                            </p>
                            <p class="anli-tit">房企行业解决案例</p>
                            <span class="anli-lei">行业：房地产</span>
                            <p class="anli-text">
                                花费几万请大微推文为产品推广，几万阅读量最多能有100个意向客户，主动联系的只有1个，
                                其余99个客户流失，使用壹脉AI智能名片，瞬间抓取所有意向客户，并可以主动沟通。
                            </p>
                        </a>
                    </div>
                    <div class="anList">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anli2.png" alt="客户案例"
                             width="100%">
                        <a class="anli-cont" href="case.html">
                            <p class="anLogo"
                               style="background: url('https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anLogo2.png') no-repeat center;background-size: contain">
                            </p>
                            <p class="anli-tit">教育培训行业案例</p>
                            <span class="anli-lei">行业：教育</span>
                            <p class="anli-text">
                                优秀案例数不胜数，不知道把哪个告诉客户？轻松搭建企业官网，详细展示优秀教育案例、名校风采，推广复杂、招生困难问题轻松解决。
                            </p>
                        </a>

                    </div>
                    <div class="anList">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anli3.png" alt="客户案例"
                             width="100%">
                        <a class="anli-cont" href="case.html">
                            <p class="anLogo"
                               style="background: url('https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/anLogo3.png') no-repeat center;background-size: contain">
                            </p>
                            <p class="anli-tit">餐饮行业解决案例</p>
                            <span class="anli-lei">行业：餐饮</span>
                            <p class="anli-text">
                                品牌统一输出，商品轻松添加，客户随时下单，无需关注公众号，不必添加微信，轻松实现提升销量及服务效率。
                            </p>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 新闻 -->
    <div id="news">
        <h3 class="case-p">新闻动态</h3>
        <p><a class="case-more" href="news.html">More ></a></p>
        <div class="container">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <a class="swiper-slide" :href="'/newsDetail.html?id='+item.newsId" v-for="item in showList" :key="item.newsId">
                        <img :src="item.newsPhotos"
                             class="swiper-lazy" width="440px" height="248px" alt="新闻中心">
                        <div class="news-mask">
                            <p class="news-more"><span class="news-more-a">查看更多</span></p>
                        </div>
                        <div class="swiper-slide-text">{{item.newsTitle}}<p class="swiper-slide-time">{{item.createTime | formatDate('yyyy.MM.dd')}}</p>
                        </div>
                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>
                    </a>
<!--                    <a class="swiper-slide" href="news.html"><img-->
<!--                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/swiper2.jpg"-->
<!--                            class="swiper-lazy" width="440px" height="248px" alt="新闻中心">-->
<!--                        <div class="news-mask">-->
<!--                            <p class="news-more"><span class="news-more-a">查看更多</span></p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-text">9102了，听说你还在为“人脉”烦恼？<p class="swiper-slide-time">2019/01/26</p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>-->
<!--                    </a>-->
<!--                    <a class="swiper-slide" href="news.html"><img-->
<!--                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/swiper3.jpg"-->
<!--                            class="swiper-lazy" width="440px" height="248px" alt="新闻中心">-->
<!--                        <div class="news-mask">-->
<!--                            <p class="news-more"><span class="news-more-a">查看更多</span></p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-text">比悲伤更悲伤的故事，是你不肯走出来<p class="swiper-slide-time">2019/01/26</p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>-->
<!--                    </a>-->
<!--                    <a class="swiper-slide" href="news.html"><img-->
<!--                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/swiper4.jpg"-->
<!--                            class="swiper-lazy" width="440px" height="248px" alt="新闻中心">-->
<!--                        <div class="news-mask">-->
<!--                            <p class="news-more"><span class="news-more-a">查看更多</span></p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-text">官宣！中国人太累了，今年劳动节放假四天！-->
<!--                            <p class="swiper-slide-time">2019/01/26</p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>-->
<!--                    </a>-->
<!--                    <a class="swiper-slide" href="news.html"><img-->
<!--                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/swiper5.jpg"-->
<!--                            class="swiper-lazy" width="440px" height="248px" alt="新闻中心">-->
<!--                        <div class="news-mask">-->
<!--                            <p class="news-more"><span class="news-more-a">查看更多</span></p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-text">这些理由告诉你，AI智能名片爆发的机会来了！-->
<!--                            <p class="swiper-slide-time">2019/01/26</p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>-->
<!--                    </a>-->
<!--                    <a class="swiper-slide" href="news.html"><img-->
<!--                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/swiper6.jpg"-->
<!--                            class="swiper-lazy" width="440px" height="248px" alt="新闻中心">-->
<!--                        <div class="news-mask">-->
<!--                            <p class="news-more"><span class="news-more-a">查看更多</span></p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-text">致销售：其实每一个人，都可以成为苏明玉<p class="swiper-slide-time">2019/01/26</p>-->
<!--                        </div>-->
<!--                        <div class="swiper-slide-btm">Details<span class="trial.html-right">→</span></div>-->
<!--                    </a>-->
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="container foot-ui">
            <div class="footer-left">
                <p class="footer-left-tit">咨询热线：028-63853204 </p>
                <p class="footer-left-tit2" style="padding-top:15px"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/phone.png" alt=""
                        style="margin-right:8px">17721872191&nbsp;&nbsp;&nbsp;18081916514</p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/email.png" alt=""
                        style="margin-right:8px">yiliit@163.com
                </p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/address.png" alt=""
                        style="margin-right:8px">成都市高新区天府二街蜀都中心二期1号楼4单元8层806号</p>
                <a href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes" class="Consultation  footer-left-qq" >
                    <img style="margin-bottom:3px"
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="咨询">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
                <a  href="http://wpa.qq.com/msgrd?v=3&uin=1115238556&site=qq&menu=yes" class="phoneConsul footer-left-qq">
                    <img style="margin-bottom:3px"
                         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="咨询">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
            </div>
            <div class="footer-right">
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">官方微信</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><img
                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma.png" alt="" width="72px"
                            height="72px"></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关注我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="#" class="footer-hover">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/wei.png" alt=""
                                 width="30px">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma3.png"
                                 class="footer-hover-img">
                        </a></li>
                    <li class="footer-right-list"><a href="#" class="footer-hover">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/tou.png" alt="头条"
                             width="30px">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma2.png" alt="二维码"
                             class="footer-hover-img">
                    </a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关于我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="./about.html" class="footer-right-list-a">关于壹立</a>
                    </li>
                    <li class="footer-right-list"><a href="#" class="footer-right-list-a">加入我们</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">相关产品</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/" class="footer-right-list-a">趣来智慧跑腿系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">趣来智慧团购系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">壹脉AI智能名片</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">那年那食</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">友情链接</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/" class="footer-right-list-a">壹立科技</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="foot-bottom">
        Copyright 2018 yiliit.com 成都壹立科技有限公司 © 蜀ICP备19002747号-1
    </div>
</div>
<script src="./Src/js/jquery-1.11.0.min.js"></script>
<script src="./Src/js/vue.min.js"></script>
<script src="./Src/js/element-UI.js"></script>
<script src="./Src/js/jquery.easy_slides.js"></script>
<script src="./Src/bootstrap.min.js"></script>
<script src="./Src/js/swiper.min.js"></script>
<script src="./Src/comment/comment.js"></script>
<script>

    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
       $(".Consultation").css("display","none");
       $(".phoneConsul").css("display","block");

    } else {
        $(".Consultation").css("display","block");
        $(".phoneConsul").css("display","none");
    }

    //点击扫描体验次数
    $('body').on('click', '#Scanning', function () {
        $(".ma1").toggle();
    })
    $('body').on('click', '#Scanning2', function () {
        $(".ma2").toggle();
    })

    new Vue({
        el: '#app',
        data: {
            imgSrc: [
                "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner1.jpg",
                "http://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner2.png",
                "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner3.png"],
            phone: '',
            type: '',
            time: '',
            showList: [],
        },
        mounted: function () {
            var _t = this;
            /* 显示当前日期 */
            setInterval(function () {
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var day = date.getDate();
                var arr = [];
                arr.push(year, month, day);
                _t.time = arr.join("-");
            }, 1000);
            this.getNewsList();
        },

        methods: {
            getNewsList(){
                let _this = this;

                $.post('http://47.103.35.220:801/company/getPageList',{
                    isOut: 0,
                    newsType: 1,
                    pageNum: 1,
                    pageSize: 6,
                }, function (res) {
                    _this.showList = res.data.list;
                    _this.$nextTick(() => {
                        _this.initSwiper();
                    })
                });
            },
            mysubmit(r) {
                var t = this;
                if (t.phone && t.type) {
                    new AjaxRequest({
                        type: "post",
                        url: "/official/saveOfficialFrom",
                        param: {
                            name: t.name,
                            intention: t.intention,
                            phone: t.phone,
                            type: t.type,
                            wechat: t.wechat
                        },
                        isShowLoader: true,
                        dataType: "",
                        callBack: function (res) {
                            if (res.code == 200) {
                                t.$message({
                                    message: '恭喜你！提交成功',
                                    center: true,
                                    type: "success"
                                });
                                var oFlo = document.getElementById('float');
                                oFlo.style.bottom = "-4.3rem";
                            } else {
                                t.$message.error('提交失败');
                            }
                        }
                    });
                } else {
                    t.$message.error('请填写完整信息！');
                }
            },
            initSwiper(){

                /* 小轮播 */
                var swiper = new Swiper('.swiper-container', {
                    autoplay: {
                        delay: 5000,
                        disableOnInteraction: false,
                    },
                    speed: 700,
                    allowTouchMove: false,
                    lazy: {
                        loadPrevNext: true,
                        loadPrevNextAmount: 3,
                    },
                    centeredSlides: true,
                    spaceBetween: 50,
                    slidesOffsetBefore: 40,
                    loop: true,
                    slidesPerView: 'auto',
                    on: {
                        slideChangeTransitionEnd: function () {
                            this.slides.transition(this.params.autoplay.delay + this.params.speed).transform('translate3d(-60px, 0, 0)');
                        },
                        slideChangeTransitionStart: function () {
                            this.slides.transition(this.params.speed).transform('translate3d(0, 0, 0)');
                        },
                    },
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                        renderBullet: function (index, className) {
                            return '<div class="' + className + '"><span></span><i></i></div>';
                        },
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                });
                window.onresize = function () {
                    swiper.update();
                }

            }
        },
        filters: {
            formatDate(date, fmt){
                date = date instanceof Date ? date : new Date(date);

                let o = {
                    "M+" : date.getMonth()+1,                 //月份
                    "d+" : date.getDate(),                    //日
                    "h+" : date.getHours(),                   //小时
                    "m+" : date.getMinutes(),                 //分
                    "s+" : date.getSeconds(),                 //秒
                    "q+" : Math.floor((date.getMonth()+3)/3), //季度
                    "S"  : date.getMilliseconds()             //毫秒
                };
                if(/(y+)/.test(fmt))
                    fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
                for(let k in o)
                    if(new RegExp("("+ k +")").test(fmt))
                        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
                return fmt;
            },
        }
    })


    /* 导航点击 */
    var oLi = $('.menu-li');
    oLi.on("click", function () {
        $(this).addClass("index");
        $(this).siblings().removeClass("index");
    });


    /* 顶部背景消失显示 */
    window.onscroll = function () {
        //变量t是滚动条滚动时，距离顶部的距离
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        var scrollup = document.getElementById('nav');
        if (t == 0) {
            scrollup.style.background = "none";
        } else {          //恢复正常
            scrollup.style.background = "#35373D";
        }
        ;
    }

    /* 关闭底部功能 */
    //    var oFlo = document.getElementById('float');
    //    var oBtn = document.querySelector(".esc-btn");
    //    oBtn.onclick = function () {
    //        oFlo.style.height = "-4.3rem";
    //        return false
    //    }
    $(".esc-btn").click(function () {
        console.log("触发");
        $("#float").css("display", "none ");
    })


    /* 轮播配置 */
    $('.slider_four_in_line').EasySlides({
        'autoplay': true,
        'show': 9,
        'timeout': 5000,
        'stepbystep': false,
    })

//    window.onload=function () {
//        /* 滑动入场 */
//        new Skroll()
//            .add(".fist-list-left", {
//                delay: 10,
//                duration: 1000,
//                animation: "fadeInUp"
//            })
//
//            .add(".anList", {
//                delay: 10,
//                duration: 1000,
//                animation: "fadeInUp"
//            })
//            .add(".swiper-container", {
//                delay: 10,
//                duration: 1000,
//                animation: "fadeInUp"
//            })
//            .init();
//
//    }
//
//
//
//    $(window).scroll(function () {
//
//    });
//    }
</script>
<script>
    (function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785":"https://jspassport.ssl.qhimg.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
</body>

</html>